﻿<!DOCTYPE html>
<html>
  <head>
    <title>Dialog 对话框</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/dialog____/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/ie.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="files/dialog____/data.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- 基础用法 (Dynamic Panel) -->
      <div id="u10903" class="ax_default ax_default_hidden" data-label="基础用法" style="display: none; visibility: hidden">
        <div id="u10903_state0" class="panel_state" data-label="State1">
          <div id="u10903_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u10904" class="ax_default box_2">
              <img id="u10904_img" class="img " src="images/messagebox___/u9494.png"/>
              <!-- Unnamed () -->
              <div id="u10905" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10906" class="ax_default label">
              <img id="u10906_img" class="img " src="images/slider___/u4852.png"/>
              <!-- Unnamed () -->
              <div id="u10907" class="text" style="visibility: visible;">
                <p><span>消息文字详情</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10908" class="ax_default label">
              <img id="u10908_img" class="img " src="images/typography___/u368.png"/>
              <!-- Unnamed () -->
              <div id="u10909" class="text" style="visibility: visible;">
                <p><span>标题&nbsp; </span></p>
              </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u10910" class="ax_default">

              <!-- Unnamed (Shape) -->
              <div id="u10911" class="ax_default _形状">
                <img id="u10911_img" class="img " src="images/dialog____/u10911.png"/>
                <!-- Unnamed () -->
                <div id="u10912" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (Shape) -->
              <div id="u10913" class="ax_default _形状">
                <img id="u10913_img" class="img " src="images/dialog____/u10913.png"/>
                <!-- Unnamed () -->
                <div id="u10914" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10915" class="ax_default box_1">
              <img id="u10915_img" class="img " src="images/dialog____/u10915.png"/>
              <!-- Unnamed () -->
              <div id="u10916" class="text" style="visibility: visible;">
                <p><span>取消</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10917" class="ax_default box_1">
              <img id="u10917_img" class="img " src="images/dialog____/u10917.png"/>
              <!-- Unnamed () -->
              <div id="u10918" class="text" style="visibility: visible;">
                <p><span>确定</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10919" class="ax_default label">
        <img id="u10919_img" class="img " src="images/dialog____/u10919.png"/>
        <!-- Unnamed () -->
        <div id="u10920" class="text" style="visibility: visible;">
          <p><span>Dialog 对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10921" class="ax_default label">
        <img id="u10921_img" class="img " src="images/icon_图标/u486.png"/>
        <!-- Unnamed () -->
        <div id="u10922" class="text" style="visibility: visible;">
          <p><span>基础用法</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10923" class="ax_default label">
        <img id="u10923_img" class="img " src="images/timepicker______/u5058.png"/>
        <!-- Unnamed () -->
        <div id="u10924" class="text" style="visibility: visible;">
          <p><span>在保留当前页面状态的情况下，告知用户并承载相关操作。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10925" class="ax_default label">
        <img id="u10925_img" class="img " src="images/dialog____/u10925.png"/>
        <!-- Unnamed () -->
        <div id="u10926" class="text" style="visibility: visible;">
          <p><span>Dialog 弹出一个对话框，适合需要定制性更大的场景。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10927" class="ax_default box_1">
        <img id="u10927_img" class="img " src="images/dialog____/u10927.png"/>
        <!-- Unnamed () -->
        <div id="u10928" class="text" style="visibility: visible;">
          <p><span>点击打开Dialog</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10929" class="ax_default label">
        <img id="u10929_img" class="img " src="images/icon_图标/u492.png"/>
        <!-- Unnamed () -->
        <div id="u10930" class="text" style="visibility: visible;">
          <p><span>自定义内容</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10931" class="ax_default label">
        <img id="u10931_img" class="img " src="images/dialog____/u10931.png"/>
        <!-- Unnamed () -->
        <div id="u10932" class="text" style="visibility: visible;">
          <p><span>Dialog 组件的内容可以是任意的，甚至可以是表格或表单，下面是应用了 Element Table 和 Form 组件的两个样例。</span></p>
        </div>
      </div>

      <!-- 打开嵌套表格的Dialog (Dynamic Panel) -->
      <div id="u10933" class="ax_default ax_default_hidden" data-label="打开嵌套表格的Dialog" style="display: none; visibility: hidden">
        <div id="u10933_state0" class="panel_state" data-label="State1">
          <div id="u10933_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u10934" class="ax_default box_2">
              <img id="u10934_img" class="img " src="images/dialog____/u10934.png"/>
              <!-- Unnamed () -->
              <div id="u10935" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10936" class="ax_default label">
              <img id="u10936_img" class="img " src="images/border___/u462.png"/>
              <!-- Unnamed () -->
              <div id="u10937" class="text" style="visibility: visible;">
                <p><span>收货地址</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10938" class="ax_default box_1">
              <img id="u10938_img" class="img " src="images/table___/u6901.png"/>
              <!-- Unnamed () -->
              <div id="u10939" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10940" class="ax_default label">
              <img id="u10940_img" class="img " src="images/admin/一级面包屑_u233.png"/>
              <!-- Unnamed () -->
              <div id="u10941" class="text" style="visibility: visible;">
                <p><span>日期</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10942" class="ax_default label">
              <img id="u10942_img" class="img " src="images/admin/一级面包屑_u233.png"/>
              <!-- Unnamed () -->
              <div id="u10943" class="text" style="visibility: visible;">
                <p><span>姓名</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10944" class="ax_default label">
              <img id="u10944_img" class="img " src="images/admin/一级面包屑_u233.png"/>
              <!-- Unnamed () -->
              <div id="u10945" class="text" style="visibility: visible;">
                <p><span>地址</span></p>
              </div>
            </div>

            <!-- Unnamed (Repeater) -->
            <div id="u10946" class="ax_default">
              <script id="u10946_script" type="axure-repeater-template">

                <!-- Unnamed (Group) -->
                <div id="u10947" class="ax_default u10947">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u10948" class="ax_default box_1 u10948">
                    <img id="u10948_img" class="img u10948_img" src="images/table___/u6901.png"/>
                    <!-- Unnamed () -->
                    <div id="u10949" class="u10949 text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- 日期 (Rectangle) -->
                  <div id="u10950" class="ax_default label u10950" data-label="日期">
                    <img id="u10950_img" class="img u10950_img" src="images/admin/一级面包屑_u233.png"/>
                    <!-- Unnamed () -->
                    <div id="u10951" class="u10951 text" style="visibility: visible;">
                      <p><span>日期</span></p>
                    </div>
                  </div>

                  <!-- 姓名 (Rectangle) -->
                  <div id="u10952" class="ax_default label u10952" data-label="姓名">
                    <img id="u10952_img" class="img u10952_img" src="images/admin/一级面包屑_u233.png"/>
                    <!-- Unnamed () -->
                    <div id="u10953" class="u10953 text" style="visibility: visible;">
                      <p><span>姓名</span></p>
                    </div>
                  </div>

                  <!-- 地址 (Rectangle) -->
                  <div id="u10954" class="ax_default label u10954" data-label="地址">
                    <img id="u10954_img" class="img u10954_img" src="images/admin/一级面包屑_u233.png"/>
                    <!-- Unnamed () -->
                    <div id="u10955" class="u10955 text" style="visibility: visible;">
                      <p><span>地址</span></p>
                    </div>
                  </div>
                </div>
              </script>
              <div id="u10946-1" class="preeval" style="width: 748px; height: 47px;">

                <!-- Unnamed (Group) -->
                <div id="u10947-1" class="ax_default u10947">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u10948-1" class="ax_default box_1 u10948">
                    <img id="u10948-1_img" class="img u10948_img" src="images/table___/u6901.png"/>
                    <!-- Unnamed () -->
                    <div id="u10949-1" class="u10949 text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- 日期 (Rectangle) -->
                  <div id="u10950-1" class="ax_default label u10950" data-label="日期">
                    <img id="u10950-1_img" class="img u10950_img" src="images/table___/日期_u6913.png"/>
                    <!-- Unnamed () -->
                    <div id="u10951-1" class="u10951 text" style="visibility: visible;">
                      <p><span>2016-05-01</span></p>
                    </div>
                  </div>

                  <!-- 姓名 (Rectangle) -->
                  <div id="u10952-1" class="ax_default label u10952" data-label="姓名">
                    <img id="u10952-1_img" class="img u10952_img" src="images/radio_单选框/u2219.png"/>
                    <!-- Unnamed () -->
                    <div id="u10953-1" class="u10953 text" style="visibility: visible;">
                      <p><span>王小虎</span></p>
                    </div>
                  </div>

                  <!-- 地址 (Rectangle) -->
                  <div id="u10954-1" class="ax_default label u10954" data-label="地址">
                    <img id="u10954-1_img" class="img u10954_img" src="images/input_输入框/u3007.png"/>
                    <!-- Unnamed () -->
                    <div id="u10955-1" class="u10955 text" style="visibility: visible;">
                      <p><span>上海市普陀区金沙江路 1518 弄</span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u10946-2" class="preeval" style="width: 748px; height: 47px;">

                <!-- Unnamed (Group) -->
                <div id="u10947-2" class="ax_default u10947">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u10948-2" class="ax_default box_1 u10948">
                    <img id="u10948-2_img" class="img u10948_img" src="images/table___/u6901.png"/>
                    <!-- Unnamed () -->
                    <div id="u10949-2" class="u10949 text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- 日期 (Rectangle) -->
                  <div id="u10950-2" class="ax_default label u10950" data-label="日期">
                    <img id="u10950-2_img" class="img u10950_img" src="images/table___/日期_u6913.png"/>
                    <!-- Unnamed () -->
                    <div id="u10951-2" class="u10951 text" style="visibility: visible;">
                      <p><span>2016-05-02</span></p>
                    </div>
                  </div>

                  <!-- 姓名 (Rectangle) -->
                  <div id="u10952-2" class="ax_default label u10952" data-label="姓名">
                    <img id="u10952-2_img" class="img u10952_img" src="images/radio_单选框/u2219.png"/>
                    <!-- Unnamed () -->
                    <div id="u10953-2" class="u10953 text" style="visibility: visible;">
                      <p><span>王小龙</span></p>
                    </div>
                  </div>

                  <!-- 地址 (Rectangle) -->
                  <div id="u10954-2" class="ax_default label u10954" data-label="地址">
                    <img id="u10954-2_img" class="img u10954_img" src="images/input_输入框/u3007.png"/>
                    <!-- Unnamed () -->
                    <div id="u10955-2" class="u10955 text" style="visibility: visible;">
                      <p><span>上海市普陀区金沙江路 1518 弄</span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u10946-3" class="preeval" style="width: 748px; height: 47px;">

                <!-- Unnamed (Group) -->
                <div id="u10947-3" class="ax_default u10947">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u10948-3" class="ax_default box_1 u10948">
                    <img id="u10948-3_img" class="img u10948_img" src="images/table___/u6901.png"/>
                    <!-- Unnamed () -->
                    <div id="u10949-3" class="u10949 text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- 日期 (Rectangle) -->
                  <div id="u10950-3" class="ax_default label u10950" data-label="日期">
                    <img id="u10950-3_img" class="img u10950_img" src="images/table___/日期_u6913.png"/>
                    <!-- Unnamed () -->
                    <div id="u10951-3" class="u10951 text" style="visibility: visible;">
                      <p><span>2016-05-03</span></p>
                    </div>
                  </div>

                  <!-- 姓名 (Rectangle) -->
                  <div id="u10952-3" class="ax_default label u10952" data-label="姓名">
                    <img id="u10952-3_img" class="img u10952_img" src="images/admin/一级面包屑_u233.png"/>
                    <!-- Unnamed () -->
                    <div id="u10953-3" class="u10953 text" style="visibility: visible;">
                      <p><span>王一</span></p>
                    </div>
                  </div>

                  <!-- 地址 (Rectangle) -->
                  <div id="u10954-3" class="ax_default label u10954" data-label="地址">
                    <img id="u10954-3_img" class="img u10954_img" src="images/input_输入框/u3007.png"/>
                    <!-- Unnamed () -->
                    <div id="u10955-3" class="u10955 text" style="visibility: visible;">
                      <p><span>上海市普陀区金沙江路 1518 弄</span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u10946-4" class="preeval" style="width: 748px; height: 47px;">

                <!-- Unnamed (Group) -->
                <div id="u10947-4" class="ax_default u10947">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u10948-4" class="ax_default box_1 u10948">
                    <img id="u10948-4_img" class="img u10948_img" src="images/table___/u6901.png"/>
                    <!-- Unnamed () -->
                    <div id="u10949-4" class="u10949 text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- 日期 (Rectangle) -->
                  <div id="u10950-4" class="ax_default label u10950" data-label="日期">
                    <img id="u10950-4_img" class="img u10950_img" src="images/table___/日期_u6913.png"/>
                    <!-- Unnamed () -->
                    <div id="u10951-4" class="u10951 text" style="visibility: visible;">
                      <p><span>2016-05-04</span></p>
                    </div>
                  </div>

                  <!-- 姓名 (Rectangle) -->
                  <div id="u10952-4" class="ax_default label u10952" data-label="姓名">
                    <img id="u10952-4_img" class="img u10952_img" src="images/admin/一级面包屑_u233.png"/>
                    <!-- Unnamed () -->
                    <div id="u10953-4" class="u10953 text" style="visibility: visible;">
                      <p><span>王二</span></p>
                    </div>
                  </div>

                  <!-- 地址 (Rectangle) -->
                  <div id="u10954-4" class="ax_default label u10954" data-label="地址">
                    <img id="u10954-4_img" class="img u10954_img" src="images/input_输入框/u3007.png"/>
                    <!-- Unnamed () -->
                    <div id="u10955-4" class="u10955 text" style="visibility: visible;">
                      <p><span>上海市普陀区金沙江路 1518 弄</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u10956" class="ax_default">

              <!-- Unnamed (Shape) -->
              <div id="u10957" class="ax_default _形状">
                <img id="u10957_img" class="img " src="images/dialog____/u10957.png"/>
                <!-- Unnamed () -->
                <div id="u10958" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (Shape) -->
              <div id="u10959" class="ax_default _形状">
                <img id="u10959_img" class="img " src="images/dialog____/u10959.png"/>
                <!-- Unnamed () -->
                <div id="u10960" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10961" class="ax_default box_1">
        <img id="u10961_img" class="img " src="images/dialog____/u10961.png"/>
        <!-- Unnamed () -->
        <div id="u10962" class="text" style="visibility: visible;">
          <p><span>打开嵌套表格的Dialog</span></p>
        </div>
      </div>

      <!-- 打开嵌套表单Dialog (Dynamic Panel) -->
      <div id="u10963" class="ax_default ax_default_hidden" data-label="打开嵌套表单Dialog" style="display: none; visibility: hidden">
        <div id="u10963_state0" class="panel_state" data-label="State1">
          <div id="u10963_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u10964" class="ax_default box_2">
              <img id="u10964_img" class="img " src="images/dialog____/u10964.png"/>
              <!-- Unnamed () -->
              <div id="u10965" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10966" class="ax_default label">
              <img id="u10966_img" class="img " src="images/typography___/u378.png"/>
              <!-- Unnamed () -->
              <div id="u10967" class="text" style="visibility: visible;">
                <p><span>活动名称</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10968" class="ax_default label">
              <img id="u10968_img" class="img " src="images/typography___/u368.png"/>
              <!-- Unnamed () -->
              <div id="u10969" class="text" style="visibility: visible;">
                <p><span>活动</span></p>
              </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u10970" class="ax_default">

              <!-- Unnamed (Shape) -->
              <div id="u10971" class="ax_default _形状">
                <img id="u10971_img" class="img " src="images/dialog____/u10911.png"/>
                <!-- Unnamed () -->
                <div id="u10972" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (Shape) -->
              <div id="u10973" class="ax_default _形状">
                <img id="u10973_img" class="img " src="images/dialog____/u10913.png"/>
                <!-- Unnamed () -->
                <div id="u10974" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10975" class="ax_default box_1">
              <img id="u10975_img" class="img " src="images/dialog____/u10915.png"/>
              <!-- Unnamed () -->
              <div id="u10976" class="text" style="visibility: visible;">
                <p><span>取消</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10977" class="ax_default box_1">
              <img id="u10977_img" class="img " src="images/dialog____/u10917.png"/>
              <!-- Unnamed () -->
              <div id="u10978" class="text" style="visibility: visible;">
                <p><span>确定</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10979" class="ax_default label">
              <img id="u10979_img" class="img " src="images/typography___/u378.png"/>
              <!-- Unnamed () -->
              <div id="u10980" class="text" style="visibility: visible;">
                <p><span>活动区域</span></p>
              </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u10981" class="ax_default">

              <!-- Unnamed (Rectangle) -->
              <div id="u10982" class="ax_default box_1">
                <img id="u10982_img" class="img " src="images/dialog____/u10982.png"/>
                <!-- Unnamed () -->
                <div id="u10983" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (Text Field) -->
              <div id="u10984" class="ax_default text_field">
                <input id="u10984_input" type="text" value=""/>
              </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u10985" class="ax_default">

              <!-- 请选择 (Rectangle) -->
              <div id="u10986" class="ax_default box_1" data-label="请选择">
                <img id="u10986_img" class="img " src="images/dialog____/u10982.png"/>
                <!-- Unnamed () -->
                <div id="u10987" class="text" style="visibility: visible;">
                  <p><span>请选择</span></p>
                </div>
              </div>

              <!-- 下拉箭头 (Shape) -->
              <div id="u10988" class="ax_default _形状" data-label="下拉箭头">
                <img id="u10988_img" class="img " src="images/input_输入框/下拉箭头_u2673.png"/>
                <!-- Unnamed () -->
                <div id="u10989" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>

            <!-- 选择器基础用法 (Dynamic Panel) -->
            <div id="u10990" class="ax_default ax_default_hidden" data-label="选择器基础用法" style="display: none; visibility: hidden">
              <div id="u10990_state0" class="panel_state" data-label="State1">
                <div id="u10990_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u10991" class="ax_default box_1">
                    <img id="u10991_img" class="img " src="images/dialog____/u10991.png"/>
                    <!-- Unnamed () -->
                    <div id="u10992" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Triangle) -->
                  <div id="u10993" class="ax_default box_1">
                    <img id="u10993_img" class="img " src="images/input_输入框/u2683.png"/>
                    <!-- Unnamed () -->
                    <div id="u10994" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u10995" class="ax_default box_2" selectiongroup="基础-中">
                    <img id="u10995_img" class="img " src="images/dialog____/u10995.png"/>
                    <!-- Unnamed () -->
                    <div id="u10996" class="text" style="visibility: visible;">
                      <p><span>区域一</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u10997" class="ax_default box_2" selectiongroup="基础-中">
                    <img id="u10997_img" class="img " src="images/dialog____/u10995.png"/>
                    <!-- Unnamed () -->
                    <div id="u10998" class="text" style="visibility: visible;">
                      <p><span>区域二</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10999" class="ax_default box_1">
        <img id="u10999_img" class="img " src="images/dialog____/u10999.png"/>
        <!-- Unnamed () -->
        <div id="u11000" class="text" style="visibility: visible;">
          <p><span>打开嵌套表单Dialog</span></p>
        </div>
      </div>

      <!-- 外层Dialog (Dynamic Panel) -->
      <div id="u11001" class="ax_default ax_default_hidden" data-label="外层Dialog" style="display: none; visibility: hidden">
        <div id="u11001_state0" class="panel_state" data-label="State1">
          <div id="u11001_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11002" class="ax_default box_2">
              <img id="u11002_img" class="img " src="images/messagebox___/u9494.png"/>
              <!-- Unnamed () -->
              <div id="u11003" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11004" class="ax_default label">
              <img id="u11004_img" class="img " src="images/dialog____/u11004.png"/>
              <!-- Unnamed () -->
              <div id="u11005" class="text" style="visibility: visible;">
                <p><span>外层Dialog</span></p>
              </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u11006" class="ax_default">

              <!-- Unnamed (Shape) -->
              <div id="u11007" class="ax_default _形状">
                <img id="u11007_img" class="img " src="images/dialog____/u10911.png"/>
                <!-- Unnamed () -->
                <div id="u11008" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (Shape) -->
              <div id="u11009" class="ax_default _形状">
                <img id="u11009_img" class="img " src="images/dialog____/u10913.png"/>
                <!-- Unnamed () -->
                <div id="u11010" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11011" class="ax_default box_1">
              <img id="u11011_img" class="img " src="images/dialog____/u10915.png"/>
              <!-- Unnamed () -->
              <div id="u11012" class="text" style="visibility: visible;">
                <p><span>取消</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11013" class="ax_default box_1">
              <img id="u11013_img" class="img " src="images/dialog____/u11013.png"/>
              <!-- Unnamed () -->
              <div id="u11014" class="text" style="visibility: visible;">
                <p><span>打开内层Dialog</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11015" class="ax_default box_1">
        <img id="u11015_img" class="img " src="images/dialog____/u10999.png"/>
        <!-- Unnamed () -->
        <div id="u11016" class="text" style="visibility: visible;">
          <p><span>点击打开外层Dialog</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11017" class="ax_default label">
        <img id="u11017_img" class="img " src="images/dialog____/u11017.png"/>
        <!-- Unnamed () -->
        <div id="u11018" class="text" style="visibility: visible;">
          <p><span>嵌套的 Dialog</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11019" class="ax_default label">
        <img id="u11019_img" class="img " src="images/dialog____/u11019.png"/>
        <!-- Unnamed () -->
        <div id="u11020" class="text" style="visibility: visible;">
          <p><span>如果需要在一个 Dialog 内部嵌套另一个 Dialog</span></p>
        </div>
      </div>

      <!-- 内层Dialog (Dynamic Panel) -->
      <div id="u11021" class="ax_default ax_default_hidden" data-label="内层Dialog" style="display: none; visibility: hidden">
        <div id="u11021_state0" class="panel_state" data-label="State1">
          <div id="u11021_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11022" class="ax_default box_2">
              <img id="u11022_img" class="img " src="images/messagebox___/u9494.png"/>
              <!-- Unnamed () -->
              <div id="u11023" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11024" class="ax_default label">
              <img id="u11024_img" class="img " src="images/dialog____/u11024.png"/>
              <!-- Unnamed () -->
              <div id="u11025" class="text" style="visibility: visible;">
                <p><span>内层 Dialog</span></p>
              </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u11026" class="ax_default">

              <!-- Unnamed (Shape) -->
              <div id="u11027" class="ax_default _形状">
                <img id="u11027_img" class="img " src="images/dialog____/u10911.png"/>
                <!-- Unnamed () -->
                <div id="u11028" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (Shape) -->
              <div id="u11029" class="ax_default _形状">
                <img id="u11029_img" class="img " src="images/dialog____/u10913.png"/>
                <!-- Unnamed () -->
                <div id="u11030" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11031" class="ax_default label">
        <img id="u11031_img" class="img " src="images/icon_图标/u486.png"/>
        <!-- Unnamed () -->
        <div id="u11032" class="text" style="visibility: visible;">
          <p><span>居中布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11033" class="ax_default label">
        <img id="u11033_img" class="img " src="images/link_文字链接/u2061.png"/>
        <!-- Unnamed () -->
        <div id="u11034" class="text" style="visibility: visible;">
          <p><span>标题和底部可水平居中</span></p>
        </div>
      </div>

      <!-- 居中布局 (Dynamic Panel) -->
      <div id="u11035" class="ax_default ax_default_hidden" data-label="居中布局" style="display: none; visibility: hidden">
        <div id="u11035_state0" class="panel_state" data-label="State1">
          <div id="u11035_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11036" class="ax_default box_2">
              <img id="u11036_img" class="img " src="images/dialog____/u11036.png"/>
              <!-- Unnamed () -->
              <div id="u11037" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11038" class="ax_default label">
              <img id="u11038_img" class="img " src="images/link_文字链接/u2097.png"/>
              <!-- Unnamed () -->
              <div id="u11039" class="text" style="visibility: visible;">
                <p><span>需要注意的是内容是默认不居中的</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11040" class="ax_default label">
              <img id="u11040_img" class="img " src="images/typography___/u368.png"/>
              <!-- Unnamed () -->
              <div id="u11041" class="text" style="visibility: visible;">
                <p><span>标题&nbsp; </span></p>
              </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u11042" class="ax_default">

              <!-- Unnamed (Shape) -->
              <div id="u11043" class="ax_default _形状">
                <img id="u11043_img" class="img " src="images/dialog____/u10911.png"/>
                <!-- Unnamed () -->
                <div id="u11044" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (Shape) -->
              <div id="u11045" class="ax_default _形状">
                <img id="u11045_img" class="img " src="images/dialog____/u10913.png"/>
                <!-- Unnamed () -->
                <div id="u11046" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u11047" class="ax_default">

              <!-- Unnamed (Rectangle) -->
              <div id="u11048" class="ax_default box_1">
                <img id="u11048_img" class="img " src="images/dialog____/u10915.png"/>
                <!-- Unnamed () -->
                <div id="u11049" class="text" style="visibility: visible;">
                  <p><span>取消</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u11050" class="ax_default box_1">
                <img id="u11050_img" class="img " src="images/dialog____/u10917.png"/>
                <!-- Unnamed () -->
                <div id="u11051" class="text" style="visibility: visible;">
                  <p><span>确定</span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11052" class="ax_default box_1">
        <img id="u11052_img" class="img " src="images/dialog____/u10927.png"/>
        <!-- Unnamed () -->
        <div id="u11053" class="text" style="visibility: visible;">
          <p><span>点击打开Dialog</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11054" class="ax_default box_2">
        <img id="u11054_img" class="img " src="images/color___/u352.png"/>
        <!-- Unnamed () -->
        <div id="u11055" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>
    </div>
  </body>
</html>
